.tag {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0 4px;
    font-size: 12px;
    line-height: 16px;
    border-radius: 2px;
    color: $color-white;
    &-plain {
        background-color: $color-white;
        border-color: currentColor;
    }
    &-default {
        color: #969799;
    }
    &-primary{
        color: $theme-color;
    }
    &-info {
        color: #1989fa
    }
    &-danger {
        color: #ee0a24
    }
    &-warning {
        color: #ff976a
    }
    &-success {
        color: #07c160
    }
    &-round {
        border-radius: 999px;
    }    
    &-medium {
        padding: 2px 6px;
    }
    &-large {
        padding: 4px 8px;
        font-size: 14px;
        border-radius: 4px;
    }
}